// pages/fen/fen.js
Page({
  /**
   * 页面的初始数据
   */
  data: {
     userinfo:{
       'name':'金庸大爷',
       "age":100
     },
     nameArr:[
       {
         id:1,
         name:"曹操"
       },
       {
        id:2,
        name:"典韦"
      }
     ],
     isshow:false,
     swiperArr:[
       'https://yanxuan.nosdn.127.net/d5683f01e132851229be21c52d808b62.jpg?imageView&quality=75&thumbnail=750x0',
       'https://yanxuan.nosdn.127.net/baea18aa59217cabd190b19fc1cf1617.jpg?imageView&quality=75&thumbnail=750x0',
       'https://yanxuan.nosdn.127.net/31da695c84cabd0eaff054265da29e5c.jpg?imageView&quality=75&thumbnail=750x0'
     ],
     flag:false,
     place:'请输入用户信息'
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad (options) {
    // 页面加载时触发,首次加载会触发, 后续不再触发
    // console.log('onLoad')
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    // console.log('onReady')

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
     
    //  console.log('onShow')
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    // console.log('onHide')
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    // 监听页面卸载的时候触发, 也就是彻底关掉当前页面,下次
    // 打开当前页面会重新触发onload生命周期
    // console.log('onUnload')
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    // 当用户下拉刷新的时候触发
    // 一般用来在该事件方法中重新请求数据,调用请求数据的方法
    console.log('onPullDownRefresh')
    
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
     // 进行分页数据的请求, 说白了就是之前的上拉加载
    console.log('onReachBottom')
    // 发起数据请求, 请求第n+1页的数据, 然后将请求返回的数据拼接上一次数据数组,这样页面渲染拼接收后的数据,实现上拉加载的分页功能
    // console.log('this',this) // this为当前页面组件的实例对象,类似vue 
    // console.log(this.data.nameArr);
    this.data.nameArr.push({
      id:  this.data.nameArr[this.data.nameArr.length-1].id+1,
      "name":"夏侯渊"
    })
    // 修改data中的数据时, 使用this.setData({key:value})
    this.setData({
      nameArr:this.data.nameArr
    })

  },
  onPageScroll(scrollTop){
    // 当页面滚动时触发
    // console.log('onPageScroll')
    // console.log('scrollTop',scrollTop);
    if(scrollTop.scrollTop>300){
      this.setData({
        isshow:true
      })
    }else{
      this.setData({
        isshow:false
      })
    }
  },
  gototopFun(){
    // 点击回到顶部
    wx.pageScrollTo({
      scrollTop: 0,
      duration: 300
    })
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
     console.log('用户点击右上角转发触发')
     const promise = new Promise(resolve => {
       // 模拟将接口返回的数据内容进行转发
      setTimeout(() => {
        resolve({
          title: '王海涛如何拿下北京富婆!!!'
        })
      }, 4000)
    })
    return {
      title: '王海涛如何逆袭成高富帅!!!',
      // path: '/page/user?id=123',
      imageUrl:'../../assets/images/banner.jpg',
      promise 
    }
  },
  onShareTimeline(){
    console.log('用户转发到朋友圈')
    return {
      title: '朋友圈我最帅!!',
      // path: '/page/user?id=123',
      imageUrl:'../../assets/images/banner.jpg', 
    }
  },
  // 定义tap事件
  handleEvent(){
    console.log('tap')
  },
  touchstartFn(){
    console.log('start')
  },
  touchmoveFn(){
    console.log('move')
  },
  touchendFn(){
    console.log('end')
  },
  bigFn(e){
    console.log('big');
    // e 就是事件对象,包含当前事件的所有的信息
    console.log('e',e);
  },
  smallFn(){
    console.log('small');
  },
  // 点击跳转到详情页
  gotodetailFn(e){
    console.log('e',e);
    //console.log(e.target.dataset.abc);
  },
  bindKeyInput(e){
    console.log(e);
    this.setData({
      place:e.detail.value
    })
  }
})